<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="fragments/head::header">
</head>
<style type="text/css">
.cell {
	margin: 15px auto;
}
</style>
<body>
	<div th:include="fragments/top::top"></div>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}

			function changeUser() {
				document.getElementsByTagName('shiro:hasPermission')[0].name='abc';
			}
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span class="menu-text"></span>
			</a>

			<div th:include="fragments/left::left" class="sidebar" id="sidebar"></div>

			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed')
						} catch (e) {
						}
					</script>

					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="#">首页</a></li>
					</ul>
				</div>

				<!-- /.page-content -->
			</div>

			<div th:include="fragments/bottom::bottom"></div>
		</div>

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<div th:include="fragments/js::js"></div>
	<script type="text/javascript">
        setTimeout(function(){
            var div = document.getElementById('sidebar');
            div.className = 'sidebar menu-min';
        },5000);

	</script>
</body>
</html>